<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>书虫网</title>
    <link rel="stylesheet" href="../public/css/base.css"/>
    <link rel="stylesheet" href="../public/css/login.css"/>
    <link rel="stylesheet" href="../public/js/swiper-3.4.2.min.css"/>
    <script src="../public/js/base.js"></script>
    <script src="../public/js/zepto.min.js"></script>
    <script src="../public/js/touch.js"></script>
    <script src="../public/js/md5.js"></script>
    <script src="../public/js/template-native.js"></script>
</head>
<body>
<!--头部-->
<header class="header">
    <a class="back" href="home.ejs"></a>
    <a class="findpwd" href="javascript:;">忘记密码</a>
</header>
<section class="login_content">
    <span class="error_text"></span>
    <img class="error_tip" src="../public/images/login.png"/>
    <div class="check_login">
        <input type="text" id="user_name" placeholder="昵称" maxlength="20"/>
        <input type="password" id="password" placeholder="8-20位数字或英文" maxlength="20"/>
    </div>
    <span class="login_btn">登录</span>
    <div class="others">
        <a class="register" href="register.ejs">立即注册</a>
        <p class="other_login">- 其他方式登录 -</p>
        <ul class="login_method">
            <li class="qq">
                <span class="qq"></span>
                <p>qq</p>
            </li>
            <li class="weibo">
                <span></span>
                <p>微博</p>
            </li>
            <li class="weixin">
                <span></span>
                <p>微信</p>
            </li>
        </ul>
    </div>
</section>
</body>
<script src="../public/js/login.js"></script>
</html>